<template>
   
   <div class="check-box-left"  style="border: none;">
                <div>离职申请</div>
                <div style="margin-top:20px;"> 申请类型：<span>{{ checkDataItem.processName }}</span></div>
                <div class="check-box-left-info">
                    <p>申请类型：<span>{{ checkDataItem.reason }}</span></p>
                    <p style="margin-left: 20%;">期望离职时间：<span>{{ checkDataItem.exceptTime || checkDataItem.end_time }}</span></p>
                </div>
            </div>
</template>

<script setup>
import { ref } from 'vue'
const props = defineProps({
    checkDataItem: {
        type: Object,
        default: () => { }
    },
    type: {
        type: Number,
        default: 1
    }
})
</script>

<style lang="scss" scoped>
.check-box {
    padding: 20px;
    background-color: #fff;
    width: 80%;

    .check-box-left {
        margin-top: 20px;
        border-bottom: 2px solid #dcdfe6;
        color: #646a73;
        font-size: 14px;

        .check-box-left-info {
            display: flex;
            margin-top: 5px;
            padding-bottom: 20px;

            span {
                font-size: 16px;
                margin-left: 5px;
                color: #000
            }

        }

    }
}

</style>